import React, { Component } from 'react';

class Index extends Component {
	render() {
		const { title, urls, desc, price, onClick } = this.props
		return (
			<dl onClick={ onClick } className="list-item">
				<dt>
					<img src={urls[0]} alt="" />
				</dt>
				<dd>
					<h3>{title}</h3>
					<p>{desc}</p>
					<p>￥{price}</p>
				</dd>
			</dl>
		);
	}
}

export default Index;
